当前位置:  开发笔记 > 前端 > 正文

`col-xs-*`在Bootstrap 4中不起作用

如何解决《`col-xs-*`在Bootstrap4中不起作用》经验,为你挑选了2个好方法。

我之前没有遇到过这种情况,我很难找到解决方案.当引导程序中的列等于中等时,如下所示:

Hello, world!

vicki williams

text-align工作正常: 在此输入图像描述

但是当使列等于超小时,如下所示:

 

vicki williams

然后text-align不再有效: 在此输入图像描述

是否有一些我不理解的引导概念,或者这实际上是一个像我认为的那样的错误.我从来没有遇到过这个问题,因为我的文本在过去与xs始终保持一致.任何帮助将不胜感激.这是我的完整代码:



  
    
    
    
  
  
    

Hello, world!

vicki williams

Andrei Gheor.. 355

col-xs-*在Bootstrap 4中被弃用了col-*.

替换col-xs-12col-12,它将按预期工作.

另外注意在v4中col-xs-offset-{n}被替换offset-{n}.



1> Andrei Gheor..:

col-xs-*在Bootstrap 4中被弃用了col-*.

替换col-xs-12col-12,它将按预期工作.

另外注意在v4中col-xs-offset-{n}被替换offset-{n}.


请务必查看[docs](https://v4-alpha.getbootstrap.com/layout/grid/#grid-options).快乐的编码!::} <(((*> ::
从来没有想过/知道这个!非常感谢.
这通常不会检查文档.我到处都是博士,也错过了这个.我曾经想过,现在超过两个bs4站点迁移,col是通用的,col-xs是特定的,但事后看来这没有意义,因为首先是移动,xs和up是通用的(默认).感谢提醒,我想我在上一次迁移期间确实浏览了一下,但是在这个问题上我一直坚持这个.

2> Sabir Hussai..:

我只是想知道,为什么col-xs-6不能为我工作,但后来我在Bootstrap 4文档中找到了答案.超小型设备的类前缀现在col-是以前的版本col-xs.

https://getbootstrap.com/docs/4.1/layout/grid/#grid-options

Bootstrap 4删除了所有col-xs-*类,因此请使用col-*.例如col-xs-6替换为col-6.

推荐阅读
Gbom2402851125
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有